<!--
 * @Author: your name
 * @Date: 2021-05-24 23:12:57
 * @LastEditTime: 2021-05-30 23:21:55
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \workspace\projects\xmly\src\app\share\components\message\message-item\message-item.component.html
-->
<div class="xm-message-wrap"
    (mouseenter)="enter()"
    (mouseleave)="leave()"
    [@.disabled]="!message.options.animate"
    [@moveUpMotion]="message.state"
    (@moveUpMotion.done)="animationDone($event)">
    <div [class]="itemCls">
        <div class="content">
            <ng-container *appStrTplOutlet="message.content">{{message.content}}</ng-container>
            
        </div>
        <i appIcon="Close" class="close" (click)="close()" *ngIf="message.options?.showClose"></i>
    </div>
</div>